<script>
/**
 * Footer component
 */
export default {
  name: 'Footer'
}
</script>

<template>
  <div>
    <!--START FOOTER-->
    <footer class="footer">
      <div class="container">
        <div class="row">
          <div class="col-lg-4 margin-t-20">
            <h4>可信碳排放追踪平台</h4>
            <div class="text-muted margin-t-20">
              <ul class="list-unstyled footer-list">
                <li>
                  <a href="#">电话：17303204770</a>
                </li>
                <li>
                  <a href="#">邮箱：zphan2005@163.com</a>
                </li>
                <li>
                  <a href="#">地址：陕西省西安市碑林区咸宁西路28号西安交通大学</a>
                </li>
                <li>
                  <a href="#">邮编：710049</a>
                </li>
                <li>
                  <a href="#">qq群号：712673612</a>
                </li>
              </ul>
            </div>
          </div>
          <div class="col-lg-4 margin-t-20">
            <h4>网络地图</h4>
            <div class="text-muted margin-t-20">
              <ul class="list-unstyled footer-list">
                <li>
                  <a href="#">首页</a>
                </li>
                <li>
                  <a href="#">碳势全景图</a>
                </li>
                <li>
                  <a href="#">用户情况</a>
                </li>
                <li>
                  <a href="#">联系我们</a>
                </li>
              </ul>
            </div>
          </div>
          <div class="col-lg-4 margin-t-20">
            <h4>微信公众号</h4>
            <div class="text-muted margin-t-20">
              <ul class="list-unstyled footer-list">
                <li>
                  <img src="../../assets/images/wechat.png" class="img-fluid" alt="可信碳排放追踪平台">
                </li>                
              </ul>
            </div>
          </div>
          
        </div>
      </div>
    </footer>
    <!--END FOOTER-->

    <!--START FOOTER ALTER-->
    <div class="footer-alt">
      <div class="container">
        <div class="row">
          <div class="col-lg-12">
            <div class="float-left pull-none">
              <p
                class="copy-rights text-muted mb-3 mb-sm-0"
              >2023 - {{ new Date().getFullYear()}} © 可信碳排放追踪平台</p>
            </div>
            <div class="float-right pull-none">
              <ul class="list-inline social m-0">
                <li class="list-inline-item">
                  <a href class="social-icon">
                    <i class="mdi mdi-facebook"></i>
                  </a>
                </li>
                <li class="list-inline-item">
                  <a href class="social-icon">
                    <i class="mdi mdi-twitter"></i>
                  </a>
                </li>
                <li class="list-inline-item">
                  <a href class="social-icon">
                    <i class="mdi mdi-linkedin"></i>
                  </a>
                </li>
                <li class="list-inline-item">
                  <a href class="social-icon">
                    <i class="mdi mdi-google-plus"></i>
                  </a>
                </li>
                <li class="list-inline-item">
                  <a href class="social-icon">
                    <i class="mdi mdi-dribbble"></i>
                  </a>
                </li>
              </ul>
            </div>
            <div class="clearfix"></div>
          </div>
        </div>
      </div>
    </div>
    <!--START FOOTER ALTER-->
  </div>
</template>